{include file="common/head"/}
<style>
  .aui-bar-nav{background:white;}
  .aui-bar-nav .aui-btn .aui-iconfont{color:black;}
  body{background:#ffffff;}
  .aui-bar-nav .aui-title{color:black;}
  h1{font-weight:600;font-size:2rem;color:#17204d}
  .title{background:#4871FC; height:5rem;border-radius:10px;padding:10px;color:white;}
  .mark{background:#344DA7; height:100%;border-radius:10px;text-align:center;font-size:2rem;padding-top:0.5rem !important;}
  
  .title p{color:white;}
  .aui-tab{border-radius:7px;overflow:hidden;}
  .aui-tab-item.aui-active{background:#7e7e7e;color:white;border:0;}
  .aui-tab-item{background:#aeaeae;color:white;border-right:2px solid white;height:1.8rem;line-height:1.8rem;}
  .aui-list-item-left{width:50%;}
</style>
<title>Team Detail</title>
<body>
   <header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn aui-btn-outlined" href='javascript:history.go(-1);'>
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title"></div>
    <a class="aui-pull-right aui-btn aui-btn-outlined"  href='index.html'>
        <span class="aui-iconfont aui-icon-home"></span>
    </a>
  </header>
<div class='aui-content aui-content-padded'>
  <h1>Team details</h1>
  <div class='aui-row-padded title'>
      <div class='aui-col-xs-9'>
	     <p>创造传播力</p>
	     <p>This is the biggest help that members give to FOS.</p>
	  </div>
      <div class='aui-col-xs-3 mark'>
	      {$t_count}
	  </div>
  </div>
  <br>
  <div class="aui-tab" id="tab">
    <div class="aui-tab-item aui-active">F ONE</div>
    <div class="aui-tab-item"><div></div>F TWO</div>
    <div class="aui-tab-item">F THREE</div>
  </div>
  
  <div class="aui-card-list">
		<div class="aui-card-list-content" id='m_list'>
			<ul class="aui-list aui-media-list">
				{volist name='l1_list' id='vo'}
				<li class="aui-list-item aui-list-item-middle">
					<div class="aui-media-list-item-inner">
						<div class="aui-list-item-media" style="width: 3rem;">
							<img src="__HOME__/images/default.jpg" class="aui-img-round">
						</div>
						<div class="aui-list-item-inner aui-list-item-arrow">
							<div class="aui-list-item-text">
								<div class="aui-list-item-title aui-font-size-14">USER NAME :</div>
								<div class="aui-list-item-left">{$vo['username']}</div>
							</div>
							<div class="aui-list-item-text">
								<div class="aui-list-item-title aui-font-size-14">A TURNOVER :</div>
								<div class="aui-list-item-left">{$vo['coin']|intval} /FOS</div>
							</div>
							<div class="aui-list-item-text">
								<div class="aui-list-item-title aui-font-size-14">TEAM :</div>
								<div class="aui-list-item-left">0</div>
							</div>
						</div>
					</div>
				</li>
				{/volist}
				<!--<div class='more' align=center>查看更多>></div>-->
			</ul>
			
			
			<ul class="aui-list aui-media-list" style='display:none'>
				{volist name='l2_list' id='vo'}
				<li class="aui-list-item aui-list-item-middle">
					<div class="aui-media-list-item-inner">
						<div class="aui-list-item-media" style="width: 3rem;">
							<img src="__HOME__/images/default.jpg" class="aui-img-round">
						</div>
						<div class="aui-list-item-inner aui-list-item-arrow">
							<div class="aui-list-item-text">
								<div class="aui-list-item-title aui-font-size-14">USER NAME :</div>
								<div class="aui-list-item-left">{$vo['username']}</div>
							</div>
							<div class="aui-list-item-text">
								<div class="aui-list-item-title aui-font-size-14">A TURNOVER :</div>
								<div class="aui-list-item-left">{$vo['coin']|intval} /FOS</div>
							</div>
							<div class="aui-list-item-text">
								<div class="aui-list-item-title aui-font-size-14">TEAM :</div>
								<div class="aui-list-item-left">0</div>
							</div>
						</div>
					</div>
				</li>
				{/volist}
			</ul>
			
			<ul class="aui-list aui-media-list" style='display:none;'>
				{volist name='l3_list' id='vo'}
				<li class="aui-list-item aui-list-item-middle">
					<div class="aui-media-list-item-inner">
						<div class="aui-list-item-media" style="width: 3rem;">
							<img src="__HOME__/images/default.jpg" class="aui-img-round">
						</div>
						<div class="aui-list-item-inner aui-list-item-arrow">
							<div class="aui-list-item-text">
								<div class="aui-list-item-title aui-font-size-14">USER NAME :</div>
								<div class="aui-list-item-left">{$vo['username']}</div>
							</div>
							<div class="aui-list-item-text">
								<div class="aui-list-item-title aui-font-size-14">A TURNOVER :</div>
								<div class="aui-list-item-left">{$vo['coin']|intval} /FOS</div>
							</div>
							<div class="aui-list-item-text">
								<div class="aui-list-item-title aui-font-size-14">TEAM :</div>
								<div class="aui-list-item-left">0</div>
							</div>
						</div>
					</div>
				</li>
				{/volist}
			</ul>
		</div>
	</div>
  
</div>
{include file="common/footer"/}
<script type="text/javascript">
    var tab = new auiTab({
        element:document.getElementById("tab"),
        index:1,
        repeatClick:false
    },function(ret){
        var index = ret.index
		$("#m_list ul").hide();
		$("#m_list ul").eq(index-1).show();
    });
</script>
</body>
</html>